<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标准后台管理页面模板</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.orange {
	width:140px;
	z-index:2;
	background-color: #FEF8DE;
	border-color: #F8C807;
}
.blue {
	width:140px;
	z-index:2;
	background-color: #D0E8FF;
	border-color: #0071E1;
}
.red {
	width:140px;
	z-index:2;
	background-color: #FFE6E8;
	border-color: #DD0000;
}
.green {
	width:140px;
	z-index:2;
	background-color: #F8FFE6;
	border-color: #86D228;
}
.purple {
	width:140px;
	z-index:2;
	background-color: #F4DDFF;
	border-color: #8600C6;
}
#top {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:70px;
	z-index:1;
	background-color: #003399;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	border-bottom-width: 1px;
}
#mainLayer1 {
	position:absolute;
	left:50px;
	top:97px;
	height:272px;
	z-index:2;
}
#mainLayer2 {
	position:absolute;
	left:200px;
	top:97px;
	height:272px;
	z-index:2;
}
#mainLayer3 {
	position:absolute;
	left:350px;
	top:97px;
	height:272px;
	z-index:2;
}
#mainLayer4 {
	position:absolute;
	left:500px;
	top:97px;
	height:272px;
	z-index:2;
}
#mainLayer5 {
	position:absolute;
	left:650px;
	top:97px;
	height:272px;
	z-index:2;
}
#smallLayer1 {
	position:absolute;
	left:50px;
	top:377px;
	height:80px;
	z-index:3;
}
#smallLayer2 {
	position:absolute;
	left:200px;
	top:377px;
	height:80px;
	z-index:3;
}
#smallLayer3 {
	position:absolute;
	left:350px;
	top:377px;
	height:80px;
	z-index:3;
}
#smallLayer4 {
	position:absolute;
	left:500px;
	top:377px;
	height:80px;
	z-index:3;
}
#smallLayer5 {
	position:absolute;
	left:650px;
	top:377px;
	height:80px;
	z-index:3;
}
-->
</style>
</head>

<body>
<div id="top"></div>
<div class="orange" id="mainLayer1"></div>
<div class="red" id="mainLayer2"></div>
<div class="blue" id="mainLayer3"></div>
<div class="purple" id="mainLayer4"></div>
<div class="green" id="mainLayer5"></div>
<div class="blue" id="smallLayer1"></div>
<div class="purple" id="smallLayer2"></div>
<div class="green" id="smallLayer3"></div>
<div class="orange" id="smallLayer4"></div>
<div class="red" id="smallLayer5"></div>
</body>
</html>
